; $(function () {

    $("footer").load("./footer.html", () => {

    });
    // 获取清单
    $.ajax({
        url: "./api/getcarts",
        data: {
            u_id: JSON.parse(localStorage.getItem("users")).u_id
        }
    }).then(function (res) {
        // console.log(res.data)
        //判断购物车是否为空
        if (res.data.length) {
            // console.log(res)
            myShop(res.data);
            loadTab(res.data);
            // footTab(res.data);
            return;
        }
        nullTab();
    })

    //添加至购物车
    function loadTab(arr) {
        var strHtml = "";
        arr.forEach((ele) => {
            //加入自定义属性的data-
            strHtml += `<tr data-c_id=${ele.c_id}>
                <td><input type='checkbox' class='ckd'></td>
                <td>
                    <img src='${ele.p_img}'><span>${ele.p_name}<span></td>
                <td>${ele.p_size}</td>
                <td>${ele.p_price}</td>
                <td><button class='jian'>-</button>
                    <input class='Quantity' style='width:30px' value='${ele.p_number}'>
                    <button class='jia'>+</button></td>
                <td class='Total'>${ele.p_total}</td>
                <td><a class='del' href='javascript:void(0)'>删除</a> </td>
            </tr>`;
        });
        $("#tab").html(strHtml);
    }
    //购物车数量
    function myShop(arr){
        let num=0;
        arr.forEach(el => {
            num+=1*el.p_number;
        });
        $('.myshop').text(`我的购物车(${num})`);
    }

    // 像综合数量操作
    $('#tab').on("click change", ".jian,.jia,.Quantity", function () {
        let p_number = $(this).siblings('.Quantity').val();
        if (this.className == 'jian') {
            p_number--;
        }
        if (this.className == 'jia') {
            p_number++;
        } if (this.className == 'Quantity') {
            //重新该值
            p_number = $(this).val();
        }
        p_number = p_number > 1 ? (p_number > 100 ? 99 : p_number) : 1;
        $(this).parents('tr').find('.Quantity').val(p_number);
        //data('c_id') jq里头专门用于读取 自定义属性的,不需要些 data-
        var c_id = $(this).parents("tr").data('c_id');

        $.ajax({
            url: './api/modify',
            type: "post",
            data: {
                p_number,
                c_id
            }
        }).done((res) => {
            layer.msg(res.msg);
            // console.log(res)
        })

        $(this).parent('td').next().text($(this).parent('td').prev().text() * p_number);

    })

    //删除
    $("#tab").on("click", '.del', function () {
        layer.confirm("您确定要删除吗?要不要考虑一下", {
            btn: ["去意已决", "好的呢"]
        }, (index) => {
            // layer.close(index);
            //根据唯一的条件 c_id 删除 
            var c_id = $(this).parents("tr").data("c_id");
            // console.log("----------------------------------");
            // console.log("c_id=", c_id)
            $.ajax({
                url: "./api/delete",
                type: "post",
                data: {
                    c_id
                }
            }).then(res => {

                // console.log(res);
                layer.msg(res.msg);
                if (res.status == 1) {
                    //删除 
                    $(this).parents("tr").remove()
                }
            })
        }, () => {

        })
    })

    //判断购物车是否为空
    function nullTab() {
        $("tbody").find(".none").show();
    }
    $(".user").text(JSON.parse(localStorage.getItem("users")).u_name);
    //全选
    $('#all').on('click',function(){
        $('.ckd').trigger("click");
        $('.ckd').prop("checked",$(this).prop("checked"));
    })

    $('#tab').on('change click', '.jian,.jia,.del,.ckd,.Quantity', function () {
        // if(this.className=='jian'||this.className=='jia'){
        // }
        var listObj = {
            S_num: 0,
            S_sum: 0,
            S_you: 0,
            S_fan: 0,
            last: 0
        }
        let num=0; // 显示购物车数量
        $('#tab').find('.Quantity').each((index, el) => {
            if($(`.ckd:eq(${index})`).prop("checked")){
                listObj.S_num = listObj.S_num * 1 + $(el).val() * 1;
                listObj.S_sum = listObj.S_sum * 1 + $(el).parents('td').next().text() * 1;
            }
            num+=1 * $(el).val(); 
        })
        $('.myshop').text(`我的购物车(${num})`);
        listObj.S_you = (listObj.S_sum * 0.1).toFixed(2);
        listObj.S_fan = (listObj.S_sum * 0.1).toFixed(2);
        listObj.last = (listObj.S_sum - listObj.S_you).toFixed(2);

        
        let footObj = $('.value');
        let i = 0;
        for (let key in listObj) {
            $(footObj[i++]).text(listObj[key]);
        }
    });
});